<!DOCTYPE html>
<!--
Author: zouy
Unit: D9lab
Date: 2017-11-30 15:13 
-->
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>title</title>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>

    <script src="js/circle-progress.min.js"></script>
</head>
<body ng-app="m" ng-controller="c">
<div class="container" style="margin-top: 20px;">
    <div id="circle"></div>

    <script>
        /*$('#circle').circleProgress({
            value: 0.75,
            size: 80,
            fill: {
                gradient: ["red", "orange"]
            }
        });*/
    </script>
    <script>
        angular.module("m",[])
            .controller("c",function ($scope) {
                $(function () {
                    $('#circle').circleProgress({
                        value: 0.75,
                        size: 80,
                        fill: {
                            gradient: ["red", "orange"]
                        }
                    });
                });
                /*$('#circle').circleProgress({
                    value: 0.75,
                    size: 80,
                    fill: {
                        gradient: ["red", "orange"]
                    }
                });*/
            });
    </script>
</div>
</body>
</html>